.btn {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: $font-size-24;
    height: 60rpx;
    border-radius: 100rpx;
    padding: 0 20rpx;
    background: none;
    &:after {
        border: none;
    }
    &:active {
        opacity: 0.6;
    }
}

.btn-gray {
    color: $color-gray-3;
    border: solid 1rpx $color-gray-3;

    text {
        color: $color-gray-3;
    }
}

.btn-gray-hollow {
    color: $color-gray-3;
    border: solid 1rpx $color-gray-3;

    text {
        color: $color-gray-3;
    }
}

.btn-gray-fill {
    background: $color-gray-5;
}

.btn-success {
    color: $color-white;
    background: $app-color-main;
    border: solid 1rpx $app-color-main;
}
.btn-success-fill {
    color: $app-color-main;
    background: $app-color-main;
    opacity: 0.8;
    color: #fff;
}

.btn-success-hollow {
    color: $app-color-main;
    border: solid 1rpx $app-color-main;

    text {
        color: $app-color-main;
    }
}
.btn-danger {
    color: $color-white;
    background: $color-red;
    border: solid 1rpx $color-red;
}
.btn-danger-fill {
    color: $color-red;
    background: rgba($color-red, 0.1);
}

.btn-danger-hollow {
    color: $color-red;
    border: solid 1rpx $color-red;

    text {
        color: $color-red;
    }
}

.btn-yellow {
    color: $color-white;
    background: $color-yellow-1;
    border: solid 1rpx $color-yellow-1;
}

.btn-yellow-hollow {
    color: $color-yellow-1;
    border: solid 1rpx $color-yellow-1;
    text {
        color: $color-yellow-1;
    }
}
.btn-main {
    color: $color-white;
    background: $app-color-main;
    border: solid 1rpx $app-color-main;
}

.btn-activity {
    color: $color-white;
    background: linear-gradient(to bottom, #f96767, #f41321);
    // border: solid 1rpx $app-color-main;
}
.btn-orange {
    color: $color-white;
    // background: $color-orange-1;
    background: linear-gradient( 180deg, #EC612A 0%, #EC612A 100%);
    // border: solid 1rpx $app-color-main;
}

.btn-main-hollow {
    color: $app-color-main;
    border: solid 1rpx $app-color-main;
    text {
        color: $app-color-main;
    }
}

.btn-white {
    color: $app-color-text-mian;
    background: $color-white;
    border: solid 1rpx $app-color-text-mian;
}

.btn-white-hollow {
    color: $app-color-text-mian;
    border: solid 1rpx $app-color-text-mian;
    text {
        color: $app-color-text-mian;
    }
}
.btn-fill {
    width: 100%;
}
.disable {
    border-color: $color-gray-6;
}
